<template>
  <header>
    <el-row>
      <el-col :span="24">
        <el-menu
            :default-active="props.activeIndex"
            mode="horizontal"
            class="el-menu-vertical-demo"
            background-color="#2563eb"
            text-color="#f1f5f9"
            active-text-color="#fcd34d"
            router
        >
          <el-col :span="427" class="flex items-center justify-center text-black-500 font-semibold">
            <span style="font-size: 18px; padding-left: 30px; padding-right: 180px;">
              茶叶溯源平台--基础信息管理
            </span>
          </el-col>
          <el-menu-item :index="`/enterpriseinfo`" class="font-bold">
            <el-icon>
              <OfficeBuilding/>
            </el-icon>
            企业信息管理
          </el-menu-item>
          <el-menu-item :index="`/upLoadLandInfo`" class="font-bold">
            <el-icon>
              <MapLocation/>
            </el-icon>
            上传土地信息
          </el-menu-item>
          <el-menu-item :index="`/upLoadProductInfo`" class="font-bold">
            <el-icon class="el-icon--right">
              <Upload/>
            </el-icon>
            上传产品信息
          </el-menu-item>
          <backpart></backpart>
        </el-menu>
      </el-col>
    </el-row>
  </header>
</template>

<script setup>
import Backpart from "../commons/backpart.vue";

const props = defineProps({
  activeIndex: {
    type: String,
    required: true
  }
})


</script>